@import url(style.css);
@import url(slide.css);
@import url(pscroll.css);
/*首页*/
/*六大产品系列*/
.i_title{ text-align:center; color:#c78f42; font-weight:lighter; padding-bottom:2.5%; margin-top:5%;}
.i_title span{ display:block; color:#999999; margin-top:0.6%; font-family:Arial;}
.i_one{ overflow:hidden; background:url(../images/i_bg2.png) right top #f5f5f5 no-repeat; position:relative;}
.i_one .nums{ position:absolute;width:160px; text-align:center; overflow:hidden; height:100%;}
.i_one .nums .table{ display:table; height:100%; width:100%;}
.i_one .nums ul{ display:table-cell; vertical-align:middle; width:100%;}
.i_one .nums ul li{ position:relative; overflow:hidden;   display:block;transition:all 0.3s; margin-top:10px; margin-bottom:10px;}
.i_one .nums ul li i{width:60px; height:60px; line-height:60px; border-radius:50%; display:block;margin:0 auto;  color:#c78f42; font-style:normal; cursor:pointer;}
.i_one .nums ul li:before{ position:absolute; content:""; top:0;  width:1px; height:0; background:#e8dbd0;transition:all 0.3s; }
.i_one .nums ul li:after{ position:absolute; content:""; bottom:0;  width:1px; height:0; background:#e8dbd0;transition:all 0.3s; }
.i_one .nums ul li.on{ padding-top:49px; padding-bottom:49px;}
.i_one .nums ul li.on i{ background:#c78f42; color:#fff;}
.i_one .nums ul li.on:before{height:36px; }
.i_one .nums ul li.on:after{height:36px; }
.i_one .i_one_c{ overflow:hidden;}
.i_one .i_img .divhidden.on{ display:block;}
.i_one .i_img{ margin-left:160px; overflow:hidden; float:left; width:calc(63% - 160px);width:-webkit-calc(63% - 160px);width:-moz-calc(63% - 160px);}
.i_one .i_img img{ display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_one .i_img:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_one .i_txts{ position:absolute; right:0; top:0; height:100%; width:34%; max-width:630px; overflow:hidden;}
.i_one .i_txts .divhidden{ position:relative; width:100%; height:100%; max-width:470px;}
.i_one .i_txts .divhidden.on{ display:block;}
.i_one .i_txts .table{ display:table; height:100%; width:100%;}
.i_one .i_txts .table .tds{ display:table-cell; vertical-align:bottom; width:100%;}
.i_one .i_txts .h3{ overflow:hidden; font-weight:normal; color:#c78f42; position:relative; margin-bottom:8%; padding-bottom:3%;}
.i_one .i_txts .h3:after{ content:""; position:absolute; bottom:0; left:0; width:20px; height:2px; background:#d9d9d9;}
.i_one .i_txts .p{ line-height:30px; max-height:90px; color:#333333; overflow:hidden;}
.i_one .i_txts .imore{ display:block; position:relative; text-align:center; width:200px; height:60px; line-height:60px; background:#c78f42; color:#fff;z-index:0; letter-spacing:1px; margin-top:10%;}
.i_one .i_txts .imore:after{ position:absolute; content:""; width:0%; height:0%; top:50%; left:50%; background:#fff; z-index:-1;transition:all 0.3s;}
.i_one .i_txts .imore:hover{ color:#c78f42;}
.i_one .i_txts .imore:hover:after{width:100%; height:100%; top:0; left:0;}
.i_one .i_txts .inext{ margin-top:30%;width:100%; height:46px; line-height:46px; padding-top:7%; padding-bottom:7%; border-top:1px solid #e8e8e8; text-align:right; cursor:pointer;-webkit-tap-highlight-color:transparent; font-size:18px;}
.i_one .i_txts .inext label{ cursor:pointer; color:#c78f42; text-transform:uppercase; padding-right:5%;}
.i_one_phone{ display:none;overflow:hidden;}
.my-pagination{ text-align:center;padding-top: 3%;padding-bottom: 3%; margin-top: 1%;}
.swiper-pagination-bullet{ text-align:center; position:relative; overflow:hidden;   display: inline-block;margin-left:1%; margin-right:1%; vertical-align:top;transition:all 0.3s;}
.swiper-pagination-bullet i{width:40px; height:40px; line-height:40px;border-radius:50%; display:block;margin:0 auto;  color:#c78f42; font-style:normal; cursor:pointer;}
.swiper-pagination-bullet:before{ position:absolute; content:""; top: 50%;  width:0; height:1px; background:#e8dbd0;transition:all 0.3s;left: 0; }
.swiper-pagination-bullet:after{ position:absolute; content:""; top:50%; right:0;  width:0; height:1px; background:#e8dbd0;transition:all 0.3s; }
.swiper-pagination-bullet.swiper-pagination-bullet-active{ padding-left:20px; padding-right:20px;}
.swiper-pagination-bullet.swiper-pagination-bullet-active i{ background:#c78f42; color:#fff;}
.swiper-pagination-bullet.swiper-pagination-bullet-active:before{width:15px; height:1px;}
.swiper-pagination-bullet.swiper-pagination-bullet-active:after{width:15px; height:1px;}
/*品牌简介*/
.i_brand{ overflow:hidden;background:url(../images/i_bg3.jpg) center center no-repeat; background-size:cover;}
.i_brand .wrap4{ padding-top:13%; padding-bottom:14%;}
.i_brand .i_brand_txt{ max-width:450px; overflow:hidden; color:#fff; line-height:40px;}
.i_brand .i_brand_txt .imore{ display:block; position:relative; text-align:center; width:200px; height:60px; line-height:60px; background:#c78f42; color:#fff;z-index:0; letter-spacing:1px; margin-top:12%;}
.i_brand .i_brand_txt .imore:after{ position:absolute; content:""; width:0%; height:0%; top:50%; left:50%; background:#fff; z-index:-1;transition:all 0.3s;}
.i_brand .i_brand_txt .imore:hover{ color:#c78f42;}
.i_brand .i_brand_txt .imore:hover:after{width:100%; height:100%; top:0; left:0;}

/*新闻中心*/
.i_news{ overflow:hidden;background:#f8f8f8; padding-bottom:4.5%;}
.i_news .ul{ margin-top:1%;}
.i_news .ul li{ float:left; width:31.25%; margin-right:3.125%; overflow:hidden;}
.i_news .ul li.last{ margin-right:0;}
.i_news .ul li .imgs{ overflow:hidden; position:relative; background:#fff;}
.i_news .ul li.last .imgs img{opacity:0;filter:Alpha(opacity=0);}
.i_news .ul li .imgs img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
/*.i_news .ul li .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}*/
.i_news .ul li .imgs .h2{ font-weight:normal; position:absolute; bottom:0; left:0; width:100%; height:90px; line-height:90px; overflow:hidden; background:#fff;transition:all 0.3s; z-index:0;}
.i_news .ul li .imgs .h2:after{ position:absolute; content:""; width:0%; height:100%; left:0; top:0; background:#c78f42; z-index:-1;transition:all 0.3s;}
.i_news .ul li .imgs .h2 .con{ max-width:420px; width:94%; margin:0 auto;}
.i_news .ul li .imgs .h2 .con em{ font-style:normal; float:right; margin-left:3%; font-family:"宋体";}
.i_news .ul li .imgs:hover .h2{ color:#fff;}
.i_news .ul li .imgs:hover .h2:after{ width:100%;}
.i_news .ul li.last .txts{ position:absolute; width:94%; max-width:430px; height:100%; top:0; left:50%;transform: translate(-50%, 0%); overflow:hidden;}
.i_news .ul li.last .txts .h3{font-weight:normal; height:50px; line-height:50px; overflow:hidden; transition:all 0.3s; color:#000; margin-top:5%; margin-bottom:1%;}
.i_news .ul li.last .txts dd{ display:block; padding-top:2%; padding-bottom:2%; overflow:hidden;}
.i_news .ul li.last .txts dd .h4{font-weight:normal; height:30px; line-height:30px; overflow:hidden; transition:all 0.3s; color:#333333; font-size:16px;}
.i_news .ul li.last .txts dd .h4 em{ float:right; margin-left:3%; font-style:normal; color:#4a3c35; font-size:14px;}
.i_news .ul li.last .txts dd .desc{ font-size:14px; color:#666666; overflow:hidden; line-height:24px; height:0;transition:all 0.3s;}
.i_news .ul li.last .txts dd.on .desc{ margin-top:2.5%; padding-bottom:5%; border-bottom:1px solid #e4e4e4; margin-bottom:3.5%; height:48px;}
.i_news .ul li.last .txts dd.on .h4{ font-size:20px; color:#c78f42;margin-bottom:1%;}
.i_news .ul li.last .txts dd.on .h4 em{color:#c78f42;}
.i_news .ul li.last .txts dd:last-child.on .desc{ border-bottom:0;}
.i_news .ul li.last .txts .imore{font-weight:normal; position:absolute; bottom:0; left:0; width:100%; height:90px; line-height:90px; overflow:hidden;transition:all 0.3s; color:#4a3c35; font-size:18px; border-top:1px solid #e4e4e4;}
.i_news .ul li.last .txts .imore:hover{ color:#c78f42; padding-left:2%;}
.i_news .ul li.last .txts .imore label{ cursor:pointer; font-family:"宋体"; padding-left:3%;}
/*快捷链接*/
.i_link{ overflow:hidden;}
.i_link ul li{ float:left; width:33.33%; text-align:center; position:relative; padding-top:5%; padding-bottom:5%;}
.i_link ul li:last-child:after{ width:0;}
.i_link ul li:after{ position:absolute; content:""; right:0; top:0; height:100%; width:1px; background:#ebebeb;}
.i_link ul li i{ display:block; width:140px; height:140px; overflow:hidden; background-repeat:no-repeat; background-size:100% 100%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%;border-radius:50%;-webkit-box-shadow: rgba(0,0,0,0.03) 0px 0px 8px 3px;box-shadow: rgba(0,0,0,0.03) 0px 0px 8px 3px; margin:0 auto; position:relative; margin-bottom:7%;}
.i_link ul li i:after{ width:0%; height:0%; left:50%; top:50%; content:""; position:absolute;transition:all 0.3s; background-repeat:no-repeat; background-size:100% 100%; background-color:#c78f42;-webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%;border-radius:50%;}
.i_link ul li:hover i:after{ width:100%; height:100%; left:0%; top:0%;}
.i_link ul li i.bgs1{ background-image:url(../images/i_pic1.png);}
.i_link ul li i.bgs2{ background-image:url(../images/i_pic2.png);}
.i_link ul li i.bgs3{ background-image:url(../images/i_pic3.png);}
.i_link ul li i.bgs1:after{ background-image:url(../images/i_pic1_on.png);}
.i_link ul li i.bgs2:after{ background-image:url(../images/i_pic2_on.png);}
.i_link ul li i.bgs3:after{ background-image:url(../images/i_pic3_on.png);}
.i_link ul li .h3{ font-weight:normal; height:30px; line-height:30px; color:#000000;}
.i_link ul li .p{ height:26px; line-height:26px; overflow:hidden; color:#666666; margin-top:1%; font-family:Arial;}
.i_link ul li .desc{ margin:0 auto; width:94%; overflow:hidden; margin-top:4%; padding-top:5%; position:relative; color:#666666;}
.i_link ul li .desc:after{ content:""; position:absolute; top:0; left:50%; margin-left:-10px; width:20px; height:2px; background:#ebebeb;}

@media screen and (max-width:1760px) {
/*六大产品系列*/
.i_one .i_txts .inext{ margin-top:20%;}
/*新闻中心*/
.i_news .ul li.last .txts .h3{ margin-top:3%;}
.i_news .ul li.last .txts dd.on .desc{ margin-top:2%; margin-bottom:2.5%; padding-bottom:4%;}
}

@media screen and (max-width:1560px) {
/*六大产品系列*/
.i_one .nums{ width:120px;}
.i_one .i_img{width: calc(67% - 120px); width: -webkit-calc(67% - 120px); width: -moz-calc(67% - 120px); margin-left:120px;}
.i_one .i_txts{ width:30%;}
/*品牌简介*/
.i_brand .i_brand_txt{ line-height:32px;}
/*新闻中心*/
.i_news .ul li.last .txts .h3{ height:40px; line-height:40px; margin-top:2%;}
.i_news .ul li.last .txts dd{ padding-top:1%; padding-bottom:1%;}
}
@media screen and (max-width:1440px) {
/*六大产品系列*/
.i_one .i_txts .inext{ font-size:16px;}
/*快捷链接*/
.i_link{ font-size:14px;}


}
@media screen and (max-width:1360px) {
/*六大产品系列*/
.i_one .nums ul li{ margin-top:5px; margin-bottom:5px;}
.i_one .nums ul li.on{ padding-top:30px; padding-bottom:30px;}
.i_one .nums ul li.on:before{height:20px; }
.i_one .nums ul li.on:after{height:20px; }
.i_one .i_txts .p{ line-height:24px; max-height:72px;}
/*新闻中心*/
.i_news .ul li .imgs .h2{ height:70px; line-height:70px;}
.i_news .ul li.last .txts .imore{height:70px; line-height:70px; font-size:17px;}
.i_news .ul li.last .txts dd .h4{ font-size:15px;height:28px; line-height:28px; }
.i_news .ul li.last .txts dd .h4 em{ font-size:13px;}
.i_news .ul li.last .txts dd .desc{ font-size:13px;}
.i_news .ul li.last .txts dd.on .h4{ font-size:18px;}
}
@media screen and (max-width:1200px) {
/*六大产品系列*/
.i_one .nums{ width:110px;}
.i_one .nums ul li{ margin-top:3px; margin-bottom:3px;}
.i_one .nums ul li i{ width:50px; height:50px; line-height:50px;}
.i_one .nums ul li.on{ padding-top:20px; padding-bottom:20px;}
.i_one .nums ul li.on:before{height:15px; }
.i_one .nums ul li.on:after{height:15px; }
.i_one .i_img{width: calc(67% - 110px); width: -webkit-calc(67% - 110px); width: -moz-calc(67% - 110px); margin-left:110px;}
.i_one .i_txts .h3{ margin-bottom:5%;}
.i_one .i_txts .imore{ margin-top:10%; width:150px; height:50px; line-height:50px;}
.i_one .i_txts .inext{ padding-top:4%; padding-bottom:4%;}
/*品牌简介*/
.i_brand .i_brand_txt{ line-height:26px;}
.i_brand .i_brand_txt .imore{width:150px; height:50px; line-height:50px;}
/*新闻中心*/
.i_news .ul li .imgs .h2{ height:50px; line-height:50px;}
.i_news .ul li.last .txts .imore{height:50px; line-height:50px; font-size:16px;}
.i_news .ul li.last .txts .h3{ height:32px; line-height:32px;}
.i_news .ul li.last .txts dd .h4{height:26px; line-height:26px;}
/*快捷链接*/
.i_link ul li i{ width:120px; height:120px;}
}
@media screen and (max-width:1000px) {
/*六大产品系列*/
.i_one .nums{ width:100px;}
.i_one .nums ul li{ margin-top:0px; margin-bottom:0px;}
.i_one .nums ul li i{ width:44px; height:44px; line-height:44px;}
.i_one .i_img{width: calc(67% - 100px); width: -webkit-calc(67% - 100px); width: -moz-calc(67% - 100px); margin-left:100px;}
.i_one .i_txts .inext{ margin-top:15%;}
/*新闻中心*/
.i_news .ul li{ width:49%; margin-right:2%;}
.i_news .ul li:nth-child(2n+0){ margin-right:0;}
.i_news .ul li.last{ width:100%; margin-top:2%;}
.i_news .ul li.last .imgs img{ display:none;}
.i_news .ul li.last .txts{ margin:0 auto; position:inherit; max-width:none; width:96%; left:0;transform: translate(0%, 0%);}
.i_news .ul li.last .txts .imore{ position:inherit; display:block; margin-top:3%;}
.i_news .ul li.last .txts dd.on .h4{ font-size:16px;}
.i_news .ul li.last .txts dd .h4{ font-size:14px;}
.i_news .ul li.last .txts dd .desc{font-size:12px;}
.i_news .ul li.last .txts dd.on .desc{ height:auto;  padding-bottom:2%; margin-bottom:1%; margin-top:1%;}
}
@media screen and (max-width:960px) {
/*六大产品系列*/
.i_one .nums{ width:100%; position:inherit; height:auto; padding-top:3%; padding-bottom:3%; margin-top:1%;}
.i_one .nums .table{ display:block; height:auto;}
.i_one .nums ul{ display:block;}
.i_one .nums ul li{ display:inline-block; margin-left:1%; margin-right:1%; vertical-align:top;}
.i_one .nums ul li i{ width:50px; height:50px; line-height:50px;}
.i_one .nums ul li.on{ padding-top:0; padding-bottom:0; padding-left:30px; padding-right:30px;}
.i_one .nums ul li.on:before{width:20px; height:1px;}
.i_one .nums ul li.on:after{width:20px;height:1px;}
.i_one .nums ul li:before{ top:50%; height:1px; width:0;  left:0;}
.i_one .nums ul li:after{ bottom:auto; top:50%; width:0; height:1px; right:0;}
.i_one .i_one_c{ position:relative;}
.i_one .i_img{width: calc(67% - 0px);width: -webkit-calc(67% - 0px);width: -moz-calc(67% - 0px); margin-left: 0;}
.i_one .i_txts .inext{ margin-top:20%;}
/*品牌简介*/
.i_brand .i_brand_txt .imore{ margin-top:8%;}

/*快捷链接*/
.i_link ul li i{ width:100px; height:100px;}
}
@media screen and (max-width:830px) {

}


@media screen and (max-width: 789px) {
/*六大产品系列*/
.i_one .i_txts .p{ line-height:22px; max-height:66px;}
.i_one .i_txts .imore{ width:120px; height:40px; line-height:40px;}
.i_one .i_txts .inext{ height:40px; line-height:40px; font-size:14px;}
/*品牌简介*/
.i_brand .i_brand_txt{ line-height:24px;}
.i_brand .i_brand_txt .imore{ width:120px; height:40px; line-height:40px; margin-top:6%;}

}
@media screen and (max-width: 640px) {
/*六大产品系列*/
.i_one{ background-position:right 80%; background-size:25% auto; display:none;}
.i_one .i_img{width: calc(100% - 0px); width: -webkit-calc(100% - 0px); width: -moz-calc(100% - 0px);}
.i_one .i_txts{ position:inherit; height:auto; width:96%; margin:0 auto; padding-top:4%;}
.i_one .i_txts .divhidden{ max-width:none; }
.i_one .i_txts .table{ display:block; height:auto;}
.i_one .i_txts .table .tds{ display:block;}
.i_one .i_txts .h3{ margin-bottom:3%;}
.i_one .i_txts .imore{ margin-top:4%;margin-bottom:4%;}
.i_one .i_txts .inext{ margin-top:4%; padding-top:2%; padding-bottom:2%; display:none;}
.i_one_phone{ display:block;}
/*快捷链接*/
.i_link{ font-size:13px;}
.i_link ul li .h3{ height:26px; line-height:26px;}
.i_link ul li .p{ margin-top:0;}
.i_link ul li i{ width:80px; height:80px;}

/*新闻中心*/
.i_news .ul li.last .txts .imore{ font-size:15px;}
/* 品牌简介 */
.i_brand{
	background:url(../images/i_bg33.jpg) center center no-repeat;
	background-size: cover;
}
}

@media screen and (max-width: 480px) {
/*六大产品系列*/
.i_one .nums ul li i{ width:40px; height:40px; line-height:40px;}
.i_one .nums ul li.on{ padding-left:20px; padding-right:20px;}
.i_one .nums ul li.on:before{ width:15px;}
.i_one .nums ul li.on:after{ width:15px;}
.i_one .i_txts .imore{ width:100px; line-height:36px; height:36px;}
.i_one .i_txts .inext{ font-size:13px;}
/*品牌简介*/
.i_brand .i_brand_txt{ line-height:22px; max-width:230px;width:70%;}
.i_brand .i_brand_txt .imore{ width:100px; line-height:36px; height:36px; margin-top:4%;}
/*新闻中心*/
.i_news .ul li.last .txts .h3{ font-size:16px;}
.i_news .ul li .imgs .h2{ height:40px; line-height:40px;}
.i_news .ul li.last .txts dd .h4{ font-size:13px;}
.i_news .ul li.last .txts dd.on .h4{ font-size:15px;}
.i_news .ul li.last .txts dd .desc{ line-height:22px;}
/*快捷链接*/
/*.i_link ul li{ float:none; width:100%; padding-top:6%; padding-bottom:6%;}
.i_link ul li:after{ width:100%; height:1px;}
.i_link ul li:last-child:after{ width:100%;}
*/
.i_link{ font-size:12px;}
.i_link ul li i{ margin-bottom:3%;}
.i_link ul li .desc{ margin-top:2.5%; padding-top:3.5%; display:none;}
/*新闻中心*/
.i_news .ul li.last .txts .imore{ font-size:14px;}
.i_news .ul li .imgs .h2 .con{ text-align:center;}
.i_news .ul li .imgs .h2 .con em{ display:none;}
}

@media screen and (max-width: 360px) {


}